import React from 'react';

import './index.css';
import LayoutView, { LayoutMode } from '../layout';
import Advice from './Advice';
import Detail from './Detail';
import ReportTab from '../report-tab/ReportTab';

/**
 * 結果詳細：胃がん
 */
const ReportGastricCancer = ({inputData, initialRisk, advice, onCancel}) => (
  <LayoutView
    mode={LayoutMode.DETAIL}
    title="胃がんリスク"
    handleBack={onCancel}
    riskLevel={initialRisk.probability.riskLevel}
    className="ReportGastricCancer"
  >
    <ReportTab
      category="胃がん"
      detailRender={()=>(
        <Detail {...initialRisk} />
      )}
      adviceRender={()=>(
        <Advice {...advice} />
      )}
    />
  </LayoutView>
)

/*ReportGastricCancer.propTypes = {
  inputData: React.PropTypes.object.isRequired,
  initialRisk:  React.PropTypes.shape({
    probability: React.PropTypes.shape({
      you: React.PropTypes.number.isRequired,
      min: React.PropTypes.number.isRequired,
      max: React.PropTypes.number.isRequired,
    }),
  }),
  advice: React.PropTypes.shape({
    categoryAdvices: React.PropTypes.string,
    smokingAdvices: React.PropTypes.string,
    salineFoodAdvices: React.PropTypes.string,
    familyAnamnesisAdvices: React.PropTypes.string,
  }),
  onCancel: React.PropTypes.func,
};*/

export default ReportGastricCancer
